<template>
    <div id="message">
        <div id="me-top"><span>消息</span><span><img src="static/img/yybf.PNG" alt=""></span></div>
        <ul id="me-centre">
        <li><img src="static/img/xxpl.PNG" alt="" class="thumbnail"> 评论</li>
<li><img src="static/img/xxxt.PNG" alt="" class="thumbnail"> 系统消息</li>
<li><img src="static/img/xxlw.PNG" alt="" id="liw"> 收到礼物</li>
        </ul>
        <ul id="me-voucher">
          <li>  收到的礼卷<span>更多</span></li>
        <li>未收到任何礼卷</li>
        </ul>
        <div id="me-attention">关注账号</div>
    </div>
</template>
<style>
    #message{
  background:#2d2d2d;
  width: 100%;
  height: 17.5rem;
    }
    #me-top{
        background: #2d2d2d;
        width: 100%;
        height: 1.7rem; 
        margin-top:-.5rem ;
        color: #ffffff;
        font-size: .5rem;
        /* text-align: center; */
    }
      #me-top span:nth-child(1){
          display: inline-block;
            margin-left: 4.5rem;
             margin-top: .7rem;
     }
     #me-top span:nth-child(2){
            float: right;
            margin-top: .6rem;
     }
    #me-top span img{
            width: .9rem;
     }
#me-centre li:nth-child(1),#me-centre li:nth-child(2),#me-centre li:nth-child(3){
        font-size: .4rem;
        color: #ffffff;
        background: #181818;
        margin-bottom: .03rem;
        padding: .3rem 0;
}
.thumbnail{
    width: .6rem;
    margin-left: .5rem;
    margin-right: .3rem;
}
#liw{
     width: .8rem;
       margin-left: .5rem;
    margin-right: .1rem;
}
#me-voucher{
    margin-top: .5rem;
    font-size: .4rem;
    color: #ffffff;
}
#me-voucher li{
        color: #ffffff;
        background: #181818;
        margin-bottom: .03rem;
        padding: .5rem 0;
        padding-left: .3rem;
}
#me-voucher span{
    float: right;
    margin-right: .3rem;
}
#me-voucher li:nth-child(2){
    color: #545454;
    font-size: .35rem;
}
#me-attention{
    font-size: .4rem;
    color: #A59D56;
    background: #181818;
    margin-bottom: .03rem;
    padding: .35rem 0;
    padding-left: .3rem;
}
</style>